.page-container {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	padding-bottom: calc(30rpx + env(safe-area-inset-bottom));

	> .header {
		width: 100vw;
	}

	> .content {
		padding: 30rpx;
		background: white;
		margin: 0 30rpx;
		box-shadow: 0 0 12rpx 2rpx rgba(22, 94, 149, 0.16);
		border-radius: 50rpx 50rpx 0 0;
		transform: translateY(-50rpx);
		flex: 1;

		> .user-info {
			display: flex;
			flex-wrap: nowrap;
			align-items: center;

			.avatar {
				width: 116rpx;
				height: 116rpx;
			}

			.text-container {
				margin-left: 16rpx;
				display: flex;
				flex-direction: column;
				justify-content: center;
				width: 0;
				flex: 1;

				.row {
					display: flex;
					min-width: 100%;

					.nickName {
						font-weight: 500;
						color: #333333;
						font-size: 36rpx;
					}

					.grade {
						background: #3b70e4;
						border-radius: 20rpx 20rpx 20rpx 20rpx;
						display: flex;
						justify-content: center;
						align-items: center;
						color: white;
						font-size: 22rpx;
						width: 104rpx;
						height: 36rpx;
						margin-left: 14rpx;
					}

					.text {
						font-size: 28rpx;
						color: #a6b0c5;
					}

					&:not(:last-child) {
						margin-bottom: 4rpx;
					}
				}
			}

			.logout-btn-container {
				background-color: red;
				color: white;
				height: 50rpx;
				line-height: 50rpx;
				padding: 0 20rpx;
				border-radius: 25rpx;
				font-size: 28rpx;
			}
		}
		
		.task-container {
			margin-top: 60rpx;
			// width: 100%;
			height: 92rpx;
			display: flex;
			align-items: center;
			background-image: url("https://xwx.gzzmedu.com/pic/b8a588a05d77e17706ad474d06ca462.png");
			background-size: 100% 100%;
			justify-content: flex-end;
			padding: 0 30rpx;

			.btn {
				background: linear-gradient( 90deg, #F8B95A 0%, #F17825 100%);
				padding: 8rpx 36rpx;
				border-radius: 30rpx 30rpx 30rpx 30rpx;
				font-weight: 500;
				font-size: 28rpx;
				color: white;
			}
			.disabled {
				color: #999999;
				background: #f2f2f2;
			}
		}

		.last-check-result {
			display: flex;
			margin-top: 34rpx;
			align-items: center;

			.alert-icon {
				width: 42rpx;
				height: 42rpx;
			}

			.text-container {
				margin-left: 8rpx;
				display: flex;
				justify-content: space-between;
				border-radius: 30rpx 30rpx 30rpx 30rpx;
				background: #f2f9ff;
				padding: 12rpx 32rpx;
				width: 0;
				flex: 1;

				.left {
					font-size: 32rpx;
					color: #6798ff;
				}

				.right {
					font-size: 28rpx;
					color: #002f97;
					display: flex;
					align-items: center;

					.icon {
						width: 26rpx;
						height: 26rpx;
					}
				}
			}
		}
		.scan-to-follow-wechat-official-account {
			display: flex;
			justify-content: center;
			margin-top: 80rpx;
			> .container {
				border-radius: 30rpx 30rpx 30rpx 30rpx;
				border: 2rpx solid #e8f0ff;
				padding: 30rpx;
				.text {
					font-size: 32rpx;
					color: #333333;
				}
				.qrcode {
					margin-top: 20rpx;
					width: 300rpx;
					height: 300rpx;
				}
			}
		}

		.limit-reason {
			margin-top: 34rpx;

			.title {
				font-size: 32rpx;
				font-weight: 600;
				color: #333333;
			}

			.reason-text {
				margin-top: 20rpx;
				font-size: 28rpx;
				color: #414141;
			}
		}
	}
}
